.blockly-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.blockly-workspace {
  flex: 1;
  min-height: 500px;
}

.code-controls {
  padding: 10px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
}

button {
  padding: 8px 16px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

button:hover {
  background-color: #45a049;
} 